
<!doctype html>
<html class="no-js">
<#include "../../common/header.ftl">
<script src="${basePath}/js/topic/edit.js?v=201711021700"></script>
<head>
<meta charset="UTF-8">
<title>订单详情</title>
<style>
	.text-td{
		width:14%;
		text-align: center;
	}
	.input-td{
		width:36%;
	}
	.tab-div{
		min-height:560px;
	}
	.left{
		float:left;
		min-width:100px;
		margin:2px 5px;
	}
	.selected{
		background-color: #00fff0;
	}
	.hide{
		display:none;
	}
	.blank-30{
		width:100%;
		height:30px;
		background-color: #e2e2e2;
	}
	body .layui-layer-content{overflow: 'visible'}
	.layui-word-aux{
		font-size: medium;
    	color: #222;
	}
</style>
</head>
<body>
<#if orderVo??>
<form class="layui-form " action="#" >
<div class="layui-tab tab-div">
  <ul class="layui-tab-title">
    <li class="layui-this">订单信息</li>
    <li>物流信息</li>
  </ul>
  <div class="layui-tab-content " >
    <div class="layui-tab-item layui-show">
    	<table class="layui-table" lay-skin="line">
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>订单编号</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.order.orderNo!}</span> 
    			</td>
    			<td class="text-td" style="width:120px;"><lable>订单状态</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.order.statusName!}</span> 
    			</td>
    		</tr>
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>用户昵称</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.appUserInfo.nickname!}</span> 
    			</td>
    			<td class="text-td" style="width:120px;"><lable>用户账号</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.appUserInfo.mobileNo!}</span>
    			</td>
    		</tr>
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>订单金额</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.order.totalJe?string('#0.00')}</span> 
    			</td>
    			<td class="text-td" style="width:120px;"><lable>用户余额</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.appUserInfo.money?string('#0.00')}</span>
    			</td>
    		</tr>
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>折扣金额</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.order.discountJe?string('#0.00')}</span> 
    			</td>
    			<td class="text-td" style="width:120px;"><lable>退款金额</lable></td>
    			<td class="input-td" >
    				<span>${orderVo.order.refundJe?string('#0.00')}</span>
    			</td>
    		</tr>
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>备注</lable></td>
    			<td class="input-td" colspan="3" >
    				<span>${orderVo.order.remark!}</span>
    			</td>
    		</tr>
    	</table>
    	<table class="layui-table"  lay-skin="nob" lay-even>
    	  <thead>
		      <tr>
		         <th>封面图</th>
		         <th>商品名称</th>
		         <th>颜色</th>
		         <th>尺码</th>
		         <th>款号</th>
		         <th>sku</th>
		         <th>价格</th>
		         <th>购买数量</th>
		         <th>退货数量</th>
		      </tr>
		  </thead>
		  <tbody>
			<#list orderVo.detailList! as detail>
    		<tr>
    			<td>
    			<#if detail.coverImg??>
					<img  src="${imgUrl+detail.coverImg}" height="50px" width="50px" 
					  data-toggle="modal" data-target="#imgModal" onerror="this.src='${basePath}/images/default_goods.jpg'" />
				<#else>
					<img  src="${basePath}/images/default_goods.jpg" height="50px" width="50px"  data-toggle="modal" data-target="#imgModal"/> 
				</#if>
    			</td>
    			<td>${detail.goodsName!}</td>
    			<td>${detail.colorName!}</td>
    			<td>${detail.sizeName!}</td>
    			<td>${detail.styleCode!}</td>
    			<td>${detail.skuCode!}</td>
    			<td>${detail.price!}</td>
    			<td>${detail.quantity!}</td>
    			<td>${detail.refundQuantity!}</td>
    		</tr>
    		</#list>
    	  </tbody>
    	</table>
    </div>
    <div class="layui-tab-item ">
		<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">联系人</label>
			<div class="layui-input-block layui-word-aux">
				<input type="text" readonly class="layui-input" value="${orderVo.orderExpress.addressee!}">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">联系电话</label>
			<div class="layui-input-block layui-word-aux">
				<input type="text" readonly class="layui-input" value="${orderVo.orderExpress.shipMobile!}">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">送货地址</label>
			<div class="layui-form-mid layui-word-aux">
				${orderVo.orderExpress.shipProvince!}&nbsp;&nbsp;
				${orderVo.orderExpress.shipCity!}&nbsp;&nbsp;
				${orderVo.orderExpress.shipArea!}&nbsp;&nbsp;
				${orderVo.orderExpress.shipStreet!}
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">发货日期</label>
			<div class="layui-form-mid layui-word-aux">
				<#if orderVo.orderExpress.shipDate??>
					${orderVo.orderExpress.shipDate?string('yyyy-MM-dd')}
				</#if>
			</div>
		</div>
    	<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">物流公司</label>
			<div class="layui-form-mid layui-word-aux">${orderVo.orderExpress.shipCompany!}</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">物流单号</label>
			<div class="layui-form-mid layui-word-aux">${orderVo.orderExpress.shipNo!}</div>
		</div>
    	<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">是否签收</label>
			<div class="layui-form-mid layui-word-aux">
				<#if orderVo.orderExpress.isSignShip?? && orderVo.orderExpress.isSignShip==1>已签收
				<#else>未签收
				</#if>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="width:112px;">签收日期</label>
			<div class="layui-form-mid layui-word-aux">
				<#if orderVo.orderExpress.signDate??>
					${orderVo.orderExpress.signDate?string('yyyy-MM-dd')}
				</#if>
			</div>
		</div>
	</div>
  </div>
</div>
</form>
<#else>
<span>订单不存在！！！</span>
</#if>
<script type="text/javascript">
layui.use(['form','element','layer'],function(){
  var form = layui.form();
  var layer = layui.layer;
  element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块
});
</script>
</body>
</html>
